@media screen and (max-width: 1600px){
    .banimg>img{ width: auto; height: 100%;}
    .marketlist{ height: 69vh;}
}
@media screen and (max-width: 1440px){

    footer {
        width: 96%;
        margin: 2% auto 2%;
    }
}
@media screen and (max-width: 1200px){
    .logo {
        margin-left: 2%;
    }
    .logo>img{ width: 90%;}
    .top_nav {

        justify-content: flex-end;
        margin-left: 2%;
    }
    .topbox {
        height: 60px;
        position: relative;
    }

    .wapnav{ display: flex; align-items: center;
        cursor: pointer; padding:10px; height: 40px; background:#306dc7; width: 40px;  position: absolute; top:0; right: 0;}
    .wapnav>img{ width: 50%; display: block; margin: 0 auto;}
    .top_nav > ul{position: fixed; width: 0%; height: 100%;  top:0; right:0;background: #306dc7; flex-direction: column; transition: all .3s linear; padding: 40px 0; z-index: 9999; overflow-y: auto;}

    .top_nav > ul > li{ width:92%;line-height: .8rem; border-bottom: solid #3d7ad4 1px; margin: 0 auto;}
    .top_nav > ul > li>a{ color:#fff; text-align: left; font-size: 16px;}
    .top_nav > ul > li>a b {
        width: 15px;
        height: 44px;
        display: block;
        overflow: hidden;
        background: url("../images/in_06_on.png") center no-repeat;
        background-size: auto;
        background-size: 100%;
        position: absolute;
        left: initial;
        right: 10px;
        top: 0px;
        display: block;
    }
    .top_nav > ul > li:hover{ }
    .top_nav > ul > li > div.subnav {
        position: static;
        width: 100%;
        padding:10px 20px;
        display:none;
        background: none;
        border-top: solid #306dc7 3px;
    }
    .top_nav > ul > li > div.subnav > ul > li {
        line-height:30px;
        font-size: 14px;
        position: relative;
        margin: .1rem 0 0;
    }
    .top_nav > ul > li > div.subnav > ul > li a{color: #fff;}
    .top_nav > ul > li > div.subnav > ul > li.active a{ color: #fff;}
    .top_nav > ul > li > div.subnav > ul > li.active::before{display: none;}
    .top_nav > ul > li > div.subnav > ul > li > div.subnav1 > a {
        line-height: 26px;
        color: #eee;
    }

    .top_nav > span {

        height: 60px;
        width: 9%;
        color: #333;
        white-space: nowrap;
    }
    .top_nav > span>img{ display: none;}
    .top_nav>span.lang{ background: none;}
    .top_nav>a.search{ display: none;}
    .navclose{ position: absolute; top:-40px; right: 0; padding: 10px; cursor: pointer;}
    .container{  height:calc(100% - 60px); margin-top: 60px; }
   /* .ban h3{ font-size: 40px;  line-height:60px;}*/
    a.more{width: 102px; height: 48px;
        font-size: 14px; display: flex; background: #255fb4;
        color: #fff; margin: 20px 0 0; border-radius: 24px; justify-content: space-between; align-items: center;padding: 0 20px; transition: all .3s linear; }
    div.title1 h6 {
        font-size: 16px;
    }
    div.title1 h3 {
        font-size: 30px;
    }
    .about_con p {
        font-size: 16px;
        line-height: 28px;
    }
    .news {
        width: 96%;
    }
    .news_pagebox {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 120px;
        height: auto;
    }
    .news_pagebox .swiper-button-next, .news_pagebox .swiper-button-prev {
        width: 37px;
        height:37px;
        margin-top: 0;
    }
    .second_swiper .newsitem>span{ font-size:14px;  margin: 10px 0;}
    .second_swiper .newsitem>h4{ font-size: 18px; }
    .second_swiper .newsitem>p{ font-size: 16px; line-height: 28px; }
    .second_swiper .swiper-slide{padding:10px; }
    .product .title1 {
        margin-left: 2%;
    }
    .product_con{}
    .fourth_swiper{ margin-top: 0;}
    .pro_txt > ul > li {font-size: 14px;}


    .develop_con p {
        font-size: 16px;
        line-height: 28px;
    }
    .developlist>li h4{ font-size: 14px;   margin-top:20px;  }
    .developlist > li > div {
        border-radius: 50%;
        width: 38px;
        height: 38px;
        padding: 20px;
        box-shadow: 0 5px 10px #ccc;

    }
    .developlist > li > div img{ max-width: 100%; height: auto;}
    .developlist {
        margin: -48px auto 0;
        max-width: 600px;
    }
    .clinical_img{display: none;}
    .clinical_txt{ width: 100%;}
    .marketlist > ul > li > h4 {
        font-size: 18px;
    }
    .clinical_stxt p {
        font-size: 14px;
        line-height: 28px;
    }
    .foot{ flex-wrap: wrap;font-size: 16px;}
    ul.bottom_nav{ width: 100%; text-align: center;}
    ul.bottom_contact{  width: 100%; justify-content: center; margin-top: 20px; }
    ul.bottom_contact>li{ display: flex; align-items: center; margin: 0 4%;white-space: nowrap;}
    ul.bottom_contact>li>img{ margin-right: 10px;}
    .foot_bottom{width: 100%; display: flex; justify-content: center; font-size:14px;  padding:10px 0; margin-top:20px;  }
    ul.er_items{ display: none;}

}

@media screen and (max-width: 1024px){
    .pro_swiperbox{  height: 140%;
        }
}

@media screen and (max-width: 768px){
    .topbox{ background: #fff;}
    .logo>img{ width: 100%;}
    .top_nav > span.lang {
        display: none;
    }
    .banner_bg{display: none;}
    .banner .banimg{ display: block;}
    .wapbanbg1{ background: url("../images/wapbanner1.jpg") center center no-repeat; background-size:cover; width: 100%; height: 100% }
    .wapbanbg2{ background: url("../images/wapbanner2.jpg") center center no-repeat; background-size:cover; width: 100%; height: 100%;}
    .banimg>img{display: none;}
    .ban{ width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; bottom: 0;display: flex; align-items:flex-end;}
    .ban_text{  width: 87%; margin: 0 auto; display: flex; align-items: center;}
    .ban_con{ width: 90%; margin: 0 auto; padding-bottom: 60px;}
    .ban p{ text-align: center;}



    .ban h3{ font-size: 20px;  line-height:36px; text-align: center;margin-bottom: .2rem; }
    .ban h3>i{ font-size:14px;}
    a.more{width: 70px; height: 30px;
        font-size: 14px;
        border-radius: 15px; padding: 0 15px;  margin: 0 auto;}

    .second_swiper{ width: 100%; margin-bottom: 30px;}
    .second_swiper .newsitem{padding: 10px;}
    .second_swiper .newsitem a.more{ margin: 20px 0;}
    .second_swiper .newsitem:hover{ box-shadow:0 0 10px #eee; }
    .news{padding-bottom: 30px;}
    .news_pagebox {
        position: absolute;
        right: auto;
        left: calc(50% - 60px);
        bottom:-69vh;
        width: 120px;
        height: 37px;
    }
    .about_con{ width: 76%;}
   .product_con{display: flex; width: 100%; position: relative; justify-content:flex-end; flex-direction: column; align-items: center;}
    .product {
        width: 100%;
        margin-left: 0%;
        padding-bottom: 0;


    }
    .pro_swiperbox0 {
        margin-top: 0;
        position: relative;
        z-index: 999;
        width: 100%;
        background: #f0f0f0;
        padding: 1% 2%;
        border-top-right-radius:80px;
        border-bottom-left-radius: 80px;
        box-sizing: border-box;
        margin-left: 0%;
    }

    .third_swiper .pro_img > img {
        display: block;
       width: 100%;
        height: auto;
        border-radius:100px;
    }
    .pro_swiperbox{ position: relative; width: 80%; height:calc(50vh + 100px) ; padding: 0 10%; margin-top: -100px; }
    .fourth_swiper{  width: 100%; height: 100%; margin-top:200px; }
    .pro_swiperbox .swiper-pagination {
        font-size: .2rem;
        color: #95aad4;
        position: absolute;
        text-align: right;
        right: 10%;
        width: 40%;
        left:auto;
        top:16.5vh;
    }
    .pro_swiperbox .swiper-pagination-fraction>span.swiper-pagination-current:before{content: '0'; font-size: .8rem; color: #fff;}

    .pro_swiperbox .swiper-pagination-current{font-size:.8rem; color: #fff; font-family: Arial;}
    .pro_pagebox{ width: 40%; height: auto; position: absolute; bottom: 10vh; right: 10%;  }
    .pro_swiperbox .swiper-button-next, .pro_swiperbox .swiper-button-prev {
        width: .57rem;
        height:.57rem;
        display: inline-block;
        margin-right: .2rem;
        top:auto;
        right: auto;
        left:auto;
        border: none;outline: none;
        right: 0;
        bottom: .70rem;

    }
    .pro_swiperbox .swiper-button-next{ bottom: 0}
    .pro_txt>h4{font-size: .30rem; color:#fff; text-align: left;}
    .pro_txt > ul > li {font-size: 14px;}
    .develop_img{  width: 100%; height: 70%; background: url("../images/yf_bg1.jpg") center center no-repeat; background-size:cover;  }

    .develop .title1 {
        margin-bottom: .2rem;
    }
    .develop_con {
        margin: 0 auto;
        width: 76%;
    }
    .clinical_con {
        width: 78%;
        margin: 5% auto 0;
        display: flex;
        flex-direction: column;
        position: relative;

    }
    .clinical .title1{ position: absolute; top:20px; left: 0; text-align: left; z-index: 999;}
        .clinical_img {
            display: block;width: 100%;margin:100px auto 0;}

    .txt_title h6 {
        font-size: 14px;
    }
    .txt_title h4 {
        font-size: 18px;
        margin-top: -10px;
    }
    .txt_title h6 > i {
        font-size: 40px;}
    .clinical_stxt{ margin-top: 0;}
    .clinical_stxt p {
        font-size: 16px;
        color: #999;
        line-height: 28px;
        padding: 5px 0;
    }
    .clinical_stxt>p.sec{ display: none;}
    .market .title1 p {
        font-size: 16px;
        line-height: 30px;
        width: 96%;
        margin: 0 auto;
    }

    /*innner page*/
    .nbanner{ width: 100%; position: relative;overflow: hidden;}
    .nbanner>img{width:200%; margin-left: -50%; }

    .wrap_c{ width: 96%; margin-top: 30px;}
    .nav_title h2{ font-size: 24px;}
    .breadcrumb .b_fl{ display: none;}
    .breadcrumb .b_fr{ width: 100%;}
    .secMenu{ width: 100%; justify-content: space-around; padding-left: 0;}
    .secMenu>a{ font-size: 14px; margin-left: 0;}
    .d-flex{flex-wrap: wrap;}
    .a_intro{ width: 100%;}
    .a_img{ width: 100%; margin-top: 20px; padding-bottom: 30px;}
    h3.ntit1,.c_ul1 > li > h3,h3.ntit2,.r_box3 > ul > li > p,.r_box4 > ul > li h4,.related h3,.joinlist dl dd h4 > span,.job_l1 h4,.search_tit{ font-size: 20px;}
    h3.ntit2>i,.r_box3 > ul > li > i,.ncontent h1{ font-size: 24px;}
    h3.ntit2 > b{ margin-top: -20px;}
    .intro_con{ width: 100%; margin-top: 20px;}
    .plus{ margin-top: 20px;}
    .n_box1{padding: 20px 0;}
    .n_box1 > ul{ width: 96%; flex-wrap: wrap; justify-content: center;}
    .n_box1 > ul > li{ width: 33%; margin: 10px 0;}
    .n_box1 > ul > li:nth-child(4),.n_box1 > ul > li:nth-child(5){ width: 31%;}

    ul.profile{ margin: 0 0 30px; flex-wrap: wrap;}
    ul.profile > li{ width: 100%; margin-top: 20px;}

    .n_box1 > ul > li h4,ul.profile > li .intro > h4, ul.team li > h6,.maimg dd>h6,.c_ul1 > li > h4,.thirdMenu1 > li,.r_box2 > ul > li > p,.r_box4 > ul > li p,.r_box5 h4,.newslist dl dd h4 > a,.c_ul3 > li .intro > h6,.job_detail h6,dl.culture dd p,.r_box6 h4,.searchbox p,.n_box11 > ul > li > a,.snone > p,.n_box6_txt h4,.productNav2 span,.c_ul11 > li .intro > h6 > a,.c_ul13 li > span,.c_ul14 li > div > b,.c_ul15 li > div.li_l > a,.tzxwfb_02_slide .swiper-slide label.on span,.tz_xwfb_03 ul li em.em2 span.sp2,.tz_xwfb_04 ul li em.em2 span.sp2{ font-size: 16px;}

    .intro_con > p,.n_box1 > ul > li p,ul.profile>li .intro>p, ul.team li > h6 > i,.maimg dd>h6>i,.maimg dd p,.c_ul1 > li > p,.wx_intro ,.r_box3 > ul > li > span,.r_fr1 .r_con2 p,.c_ul2 > li,.newslist dl dd > i,.newslist dl dd > p,.c_ul3 > li .intro > i,.c_ul3 > li .intro > a.more2,.ncontent .subtit,.ncontent p,.related h3 > a,ul.hbp > li .intro > p,.job_l1 p.p1,.job_l1 p.p2 ,.job_detail p,.c_ul4 > li,.n_box11 > ul > li > p,.n_box6_txt p,.n_box12 .pro_tit1,.c_ul11 > li .intro > i,.c_ul11 > li .intro > div,.c_ul11 > li .intro > a.more2,.c_ul14 li > div,.c_ul12 li > a,.c_ul15 li > div.li_r > span,.c_ul15 li > div.li_l > span,.tzxwfb_02_slide .swiper-slide span,.tz_xwfb_01 ul li a,.tz_xwfb_03 ul li em.em2 span.sp1,.tz_xwfb_03 ul li em.em3 span,.tz_xwfb_04 ul li em.em2 span.sp1,.tz_xwfb_04 ul li em.em2 span.sp3 i,.tz_xwfb_05 ul li em.em1 span.sp1,.tz_xwfb_05 ul li em.em2 span{ font-size: 14px;}
    ul.team li > div.t_img > i {
        display: block;
        position: absolute;
        top: 0;
        left:0;
        width: 20px;
        height: 20px;
    }
    ul.team li > div.t_img > i>img{max-width: 100%;}
    .maimg{ width: 96%;  margin:40px auto 0; padding: 20px; }
    .maimg dd{ margin-left: 20px;}
    .maimg dd p,.ncontent p,ul.hbp > li .intro > p,dl.culture dd p { line-height: 26px;}
    .c_ul1 > li { width: 100%; margin-right: 0;}
    .mapall { height: 300px;}
    .thirdMenu1 > li{ width: auto; padding: 0 .4rem;}
    .n_box3 { margin-top: 30px; padding-bottom: 20px;}
    .r_fl{width: 100%;  margin-top: 0rem}
    .r_fr{ width: 100%;  margin-top:0rem; overflow: hidden;}
    .scrollcon{ width:100%;font-size: 14px; max-height: none; overflow-y:hidden; padding-right:0%; margin-top: 20px;}
    .scrollcon > p,.r_fr1 .r_con2 p,.job_detail p,.job_l1 p{ line-height: 26px;}
    .r_img1{position: static; margin-top: 20px; padding: 20px; box-sizing: border-box;}
    .r_img1>img{ position: static;}

    .r_box2 > ul { flex-wrap: wrap;}
    .r_box2>ul>li{width: 20%; margin-top: 20px;}
    .r_box2>ul>li:nth-child(6){ display: none;}
    .r_box3 > ul > li{ width: 100%; margin-right: 0;}
    .cc1{ padding-bottom: 1.5rem;}
    .r_box2>ul.cc1>li{ width: 33%;}
    .r_box2>ul.cc1>li:nth-child(4){ display: none;}
    .r_box2>ul.cc1>li:nth-child(6){ display: block;}

    .r_fl1{width: 100%;}
    .r_fr1{ width: 100%; padding-left:0; margin-top: 20px;}
    .r_img2{  left: 0; padding: 20px;}
    .r_img2 img{  left: 0;}
    .five_swiper{  background-size: 100%; padding-bottom: 20px; margin-top: 30px;}
    .newslist dl dd h4 > a,.newslist dl dd > p{ line-height: 26px;}
    .newslist dl dd > a.more1{ font-size: 14px; width: 80px; height: 30px; line-height: 30px; border-radius: 20px;}
    .newslist dl {flex-wrap: wrap;}
    .newslist dl dt{width: 100%;}
    .newslist dl dd{width: 100%;}
    .c_ul3 > li { width: 100%; margin-right: 0;}
    .c_ul11 > li { width: 100%; margin-right: 0;}
    .procurmb { height: auto; line-height:2;}
    .productNav1{ flex-wrap: wrap; padding: 20px; justify-content: flex-start;}
    .productNav2{ height: auto;}
    .productNav2 span{ display: flex; justify-content: center;align-items: center;}
    .productNav2 div.pro{ line-height: 2;padding:10px 0;}



    .ncontent .subtit span {
        display: inline-block;
        margin: 0 10px;
        border-left: solid #ddd 1px;
        padding-left: 20px;
        border-left: none;
        line-height: 1.5;
    }
    .ncontent .discripition{font-size: 12px;padding: 20px; line-height: 1.5;}
.n_box8{ margin-top: 30px; padding-top: 20px;}
    .job_list {
        margin-top:10px;
    }
    .joinlist dl{flex-wrap: wrap; }
    .joinlist dl dt{ width: 100%;}
    .joinlist dl dd{  width: 100%;padding: 20px;}
    .joinlist dl dd h4>b{ display: none;}
    .job_l1 {
        width: calc(100% - .5rem);
    }
    .job_l1 h4 ,.job_title{align-items: flex-start;}
    .n_box9{ background: #f7f8fa; }
    dl.culture{ display: flex; margin-bottom: 20px; flex-wrap: wrap;}
    dl.culture dt{ width:100%;}
    dl.culture dd{ width: 100%; padding:10px;}
    dl.culture dd h3.ntit2>em{ margin-top: .3rem;}

    dl.culture:nth-child(2) dt{order: 0;}
    dl.culture h3.ntit2>i{color:#eff0f0;}

    .n_box10{ width: 96%;}

    /*serch*/

    .searchbox{ width: 95%; height:40px;  margin:20px auto;  border-radius: 20px;}
    .searchbox input.input2{ width: 70%; border: none; height: 40px; padding: 20px;  line-height: 40px; font-size: 16px; }
    .searchbox .submit1{ width: 30%; height: 40px;border-radius: 20px; padding: 0 15px;font-size: 16px; }
    .searchbox .submit1 i{ margin-right: 10px;}
    .n_box11>ul{width: 96%; margin: 0 auto; clear: both;}
    /*new add*/
    dl.team_top{width: 100%; display: flex; margin-top: 1rem; flex-wrap: wrap;}
    dl.team_top dt{width: 100%;}
    dl.team_top dt>img{max-width: 100%;  margin:0 auto; display: block;}

  /*  dl.team_top dt>i{ display: block; position: absolute; top:-.15rem; left: -.15rem; transition: all .3s linear;}
    dl.team_top dt:hover>i{top:0; left: 0;}*/
    dl.team_top dd{ width: 100%; margin-left: 0; margin-top: 30px;}
    dl.team_top dd>h6{ font-size: 20px ;}
    dl.team_top dd>h6>i{ font-size: 16px; }
    dl.team_top dd p{font-size: 14px; padding-left: 20px;}
    dl.team_top dd p:before{width: 6px; height: 6px; border-radius: 4px; left: 0; top:9px;}
    .map_bg{ display: none;}
    .map_a{padding: 20px;}
    .wap_map{ display: block; width: 100%;}
    .wap_map>img{ width: 100%; display: block;}
    .investcrumb{height: auto; box-sizing: border-box; line-height: 30px;}
    .investcrumb  .b_fr {
        padding: 20px;
        box-sizing: border-box;
    }

.investNav{flex-wrap: wrap; justify-content: flex-start;}
    .investNav > a {
        font-size: 14px;
        margin-right: 20px;
    }
    .c_ul14 li > div > b{ line-height: 1.5}
    .swiper3 dl.swiper-slide-active {  transform: scale(1); }
    .honor .swiper-button-next,
    .honor .swiper-button-prev {
        position:absolute;
        top:auto;
        width:.57rem;
        height:.57rem;
        z-index:10;
        cursor:pointer;
        border: none;outline: none;
        bottom: 25px;
    }
    .honor .swiper-button-next{right: 10px;}
    .honor .swiper-button-prev{left:10px;}
    .c_ul12 li::before{ top:calc(50% - 6px);}
    .c_ul15 li{ flex-direction: column;}
    .c_ul15 li > div.li_r{ width:50%; margin-left: auto; margin-top: 10px;}
    .tz_xwfb_03 ul li{padding-right: .2rem; }
    .tz_xwfb_03 ul li em.em3{ display: none;}
    .tz_xwfb_03 ul li em.em2{ height: auto; overflow: auto;}
    .tz_xwfb_03 ul li em.em2 span.sp2{ max-height: none;line-height: 1.5}

    .tz_xwfb_04 ul li{ width: 100%; margin-right: 0;}
    .tz_xwfb_05 ul li em.em1 span.sp2{ font-size: 16px; line-height: 1.8; height: auto;}
    .tz_xwfb_05 ul li em.em1:before{ top: 36px;}
    .tz_xwfb_05 ul li{padding-right: 2.4rem;}

    .swiper-paginationpf{display: block}
    .swiper-paginationpf .swiper-pagination-bullet-active{ background: #1f9869;}
    .profile .intro { left: 0; bottom: 0; padding: 20px 0 30px; background: rgba(0,0,0,.5);  text-align: center;}
    .profile .intro>h4,.n_box13 p.p2{font-size: 18px;}
    .profile .intro > p{ font-size: 16px; opacity: .8;}

    .n_box13 p.p1{ font-size: 16px;}

    .c_ul16{ flex-wrap: wrap; }
    .c_ul16 > li, .c_ul16 > li:nth-child(2), .c_ul16 > li:last-child{
        width: 100%;
        margin: 20px 0;
        box-shadow: 0 0 5px #eee;
        padding: 20px;

    }
    .c_ul16>li>ul{ max-width: 380px; margin: 20px auto 0; width: 96%;}
    .c_ul16 > li p,.c_ul16 > li p.p1,.c_ul16 > li > ul > li,.n_box14_con p.p2,.n_box14_con p.p1 span,.n_box15 p,.c_ul17 > li p,.n_box16 > ul > li p,.n_box16 > ul > li a.s_more{ font-size: 14px;}
    .c_ul16 > li p strong{ font-size: 16px;}
    .n_box14_con p.p1{ flex-direction: column; line-height:24px; padding: 10px 0; border-radius: 40px;}
    .c_ul17{flex-wrap:wrap; }
    .c_ul17 > li{ width: 46%; margin: 10px 0;}
    .n_box16 > ul > li .img16{ width: 100%;}
    .n_box16 > ul > li .txt16{ width: 100%; padding: .2rem .5rem 0;}
    .n_box16 > ul > li:nth-child(2n) .img16 {
        order: 0;
    }
    .n_box16>ul>li:nth-child(2n) .txt16{ padding: .2rem .5rem 0;}
    .n_box16 > ul > li .txt16 h3.ntit2{ font-size: 20px;}
    .wap_map1{ display: block;}
    .wap_map1>img{ width: 100%;}
    .mapbox1{ width: 100%; height: auto;}
    .mapbox1>img,.pos_city{display: none;}




}

@media screen and (max-width: 640px){
    .top_nav > ul > li > a {
        font-size: 14px;
    }
    div.title1 h3 {
        font-size: 20px;
    }
    ul.team li {width: 48%; margin-right: 4%}
    ul.team li:nth-child(2n){ margin-right: 0;}
    .c_ul2 > li {width: 48%; margin-right: 4%; margin-top: 20px;}
    .c_ul2 > li:nth-child(3n){ margin-right: 4%;}
    .c_ul2 > li:nth-child(2n){ margin-right:0;}
    .n_box6 { width: 96%; padding: 0 .8rem; box-sizing: border-box;}

    .c_ul4 > li {width: 48%; margin-right: 4%; margin-top: 20px;}
    .c_ul4 > li:nth-child(3n){ margin-right: 4%;}
    .c_ul4 > li:nth-child(2n){ margin-right:0;}

}
@media screen and (max-width: 540px){
    .topbox {
        height: 40px;
        position: relative;
    }
    .wapnav{ display: flex; align-items: center;
        cursor: pointer; padding:5px; height:30px; background:#306dc7; width: 30px;  position: absolute; top:0; right: 0;}
    .clinical_img {
        margin: 70px auto 0;
    }
    .clinical .title1 {

        top: 0;
      }
    .container{  height:calc(100% - 40px); margin-top: 40px; }
    .pro_swiperbox {
        position: relative;
        width: 80%;
        padding: 0 10%;
        padding-bottom: 0px;

    }

    .marketlist > ul > li > div.img {
        background: #fff;
        border-radius: 50%;
        width: 38px;
        height: 38px;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .marketlist > ul > li{ justify-content: center; padding: 0 4%; height: 69vh;}
    .marketlist > ul > li > h4 {
        font-size: 16px;
        margin:20px 0;
    }
    .marketlist > ul > li > div.img>img{ width: 100%; height: auto; display: block;}
    .marketlist > ul > li a.more{ width: 32px; justify-content: center;}
    .marketlist > ul > li a.more>img{display: none;}
    ul.bottom_contact {
       flex-wrap: wrap;
        margin-top: 10px;
    }
  /*  ul.bottom_nav{ text-align: left;}*/
    ul.bottom_nav>li{ margin-top: 10px;}
    ul.bottom_contact>li{ margin-top: 10px;}
}